body{

    width: 100%;
    height: 100%;
    margin: 0px;
    overflow:hidden;
}

div.user_menu{
    width: 100%;
    margin-top: 5px;
    float: right;
}
div.user_menu a{
   color: white;
    float: right;
    margin: 10px;
}
div.user_menu a:hover{
    color: black;
}


div.gallery-cell{
    width: 100%;
    height: 100%;
    text-align: center;


}

div.gallery-cell img{
    width: 100%;
    height: 100%;
}

div.main-gallery{
    width: 100%;
    height: 100%;
    margin: auto;

}
div.main-gallery-bg{
    width: 100%;
    height: 100%;
    background: #FB7A08;
    margin: auto;


}


.panel {
    width: 100%;
    height:100vh;
    border-bottom:1px solid #666;

}
.part1 {
    background:hsl(184,65%,49%);
    text-align:center;
    position: relative;

}
.part2 {
    background-color:#F57133;
    position: relative;

}
.part3 {
    background:hsl(158,58%,52%);
    position: relative;

}
.part4 {
    background:hsl(28,100%,52%);
    position: relative;
}
.part5{
    background:hsl(200,60%,55%);
    position: relative;
}



.wrap{
    width: 100%;
    height: 100%;
}
.part2 .img1{
    height:auto;width:248px;
    position:absolute;
    left:50%;
    top:1%;
    margin-left:-124px;
}
.part2 .img2{
    height:auto;width:185px;
    position:absolute;
    left:50%;
    top:62%;
    margin-left:-92px;
}

.part2 .img3{
    height:auto;width:25px;
    position:absolute;
    left:50%;
    margin-bottom: 10px;
    top:93%;
    margin-left:-12px;
}

.part3 .img1{
    height:auto;width:248px;
    position:absolute;
    left:50%;
    top:1%;
    margin-left:-124px;
}
.part3 .img2{
    height:auto;width:185px;
    position:absolute;
    left:50%;
    top:62%;
    margin-left:-92px;
}

.part3 .img3{
    height:auto;width:25px;
    position:absolute;
    left:50%;
    top:93%;
    margin-left:-12px;
}
.part4 .img1{
    height:auto;width:248px;
    position:absolute;
    left:50%;
    top:1%;
    margin-left:-124px;
}
.part4 .img2{
    height:auto;width:185px;
    position:absolute;
    left:50%;
    top:62%;
    margin-left:-92px;
}

.part4 .img3{
    height:auto;width:25px;
    position:absolute;
    left:50%;
    top:93%;
    margin-left:-12px;
}
.part5 .img1{
    height:auto;width:248px;
    position:absolute;
    left:50%;
    top:1%;
    margin-left:-124px;
}
.part5 .img2{
    height:auto;width:185px;
    position:absolute;
    left:50%;
    top:62%;
    margin-left:-92px;
}

.part5 .img3{
    height:auto;width:25px;
    position:absolute;
    left:50%;
    top:93%;
    margin-left:-12px;
}






